
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.header{
     .px2rem(height,120);
     .px2rem(font-size,40);
      display: flex;
      background:#fb8876;
      align-items: center;
      justify-content: center;
      background-image:url(../images/掌阅_07.png);
      background-repeat:no-repeat;
      background-position:95%;
      background-size:1rem;

    span{
        text-align:center;
        color:#fff;
    }
    span:nth-child(1){
     .px2rem(font-weight,800);
    }
    span:nth-child(2){
        width: 35%;
    }
}
.main_box{
    text-align: center;
    .nav{
        width: 100%;
        background: #eee;
        .px2rem(line-height,80);
        ul{
            display: flex;
            justify-content: space-around;
            li{
               .px2rem(font-size,32);
               font-weight: bolder;
            }
        }
    }
    .module{
        margin: 0 auto;
        .px2rem(width,702);
        .px2rem(height,246);
        border-bottom: 1px solid #E0E0E0;
        dl{
            .px2rem(padding-top,65);
            display: flex;
            justify-content: center;
            dt{
                img{
                    .px2rem(width,144);
                    .px2rem(height,148);
                }
            }
            dd{
                .px2rem(padding-left,20);
                h3{
                    .px2rem(font-size,30);
                    font-weight: bolder;
                }
                p{
                    .px2rem(padding-top,20);
                    color: #999;
                }
            }
        }
    }
    .center{
        .px2rem(font-size,30);
        .px2rem(padding-top,20);
        color:#8f8f8f;
    }
}
.main_box{
    width: 100%;
    .modules,.spaeakBook{
        .px2rem(height,353);
        width:100%;
        background: #FFF;
        display: flex;
        justify-content: space-around;
        align-items: center;
        dl{
            dt{
                img{
                    .px2rem(width,192);
                    .px2rem(height,247);
                } 
            }
            dd{
                .px2rem(padding-top,10);
                .px2rem(font-size,36);
                font-weight: bold;
            }
        }
    }
    .spaeakBook{
        .px2rem(margin-top,30)
    }
    .add{
        .px2rem(height,594);
        width:100%;
        background: #FFF;
        .px2rem(margin-top,30);
         display: flex;
        .add_book{
            .px2rem(width,178);
            .px2rem(height,235);
            border:1px dashed #999;
            .px2rem(margin-left,30);
            .px2rem(margin-top,30);
            .px2rem(font-size,64);
            font-weight: bolder;
            .px2rem(line-height,235);
            text-align: center;
        }
    }
}
